<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单元素</title>
</head>
<body>
<form action="#" method="get">
    <!-- readonly：只读属性！不允许修改！-->
    用户名：<input type="text" name="userName" value="admin" readonly>
    <input type="button" value="登录禁用" disabled>
    <!--button：默认的type值是submit-->
    <button type="submit">登录</button>
    <!--隐藏域 在页面上不会显示    但是  后台还是通过name属性值获取value属性的值-->
    <input type="hidden" name="password" value="haha"><br/>

    <!--label：自动将焦点移动到关联的表单元素上-->
    <label for="pwds">密码：</label>
    <input type="password" name="pwd" id="pwds">

    <label>确认密码：<input type="password" name="rePwd"/></label>

    <!-- 单选 -->
    <input type="radio" name="sex" required>男
    <input type="radio" name="sex">女

    <!-- 正则表达式 -->
    手机号：<input type="text" name="phone" pattern="^1[34678]\d{9}$">
</form>
</body>
</html>